@charset "utf-8";
.hide{display: none;}
.show{display:block; width:100%; text-align:center; color: red; cursor:pointer;}
a{font-size:1em; font-weight:bold; transition:all 0.3s ease 0.3s; font-family: "microsoft yahei"; color: #fff; display: block;}
	.zuopin ul li article{display: none;}
.no{height:69px;}
	.container header .logo{
		
		padding-top:3%;
	}
	.container header nav li{
		width: 12.1%;
		height:80px;
		line-height:80px;
		float: left;
		text-align: center;
		margin-right:%;
		
	}
	.container header nav li:hover{
		background:#5c5c5c;
	}
	.container header nav li:last-of-type{
		margin-right: 0;
	}
	@media screen and (min-width:760px )and (max-width:960px ) {
	.container header .logo{
		
		padding-top:4%;
	}	}
	@media screen and (min-width:700px )and (max-width:760px ) {
	.container header .logo{
		
		padding-top:5%;
	}	}
	.ul{display:none;}
	h2{font-size:3em; height:75px; line-height:65px; font-weight:bold;}
	h2 a{font-size:0.3em;}
	.fuwu ul{margin:0px auto; width:95%;}
	.fuwu ul li{height:90px; width:25%; position:relative; float:left; font-size:01em; color:#fff; }
	.fuwu ul li span{font-size:2.3em; display:block; position:absolute; text-align:center; bottom:-10px; left:0px; color:#211425; width:100%; text-align:center;}
	.fuwu ul li a{display:block; width:100%; }
	.fuwu ul li a img{width:35%; margin:0px auto; display:block;}
	.fuwu ul li:nth-of-type(2) img{width:28%; display:block;}
	.fuwu ul li:hover a img:nth-of-type(2){display:block; position:none; margin:0px auto; }
.kecheng ul{width:99%;}
.kecheng ul li article{display:none;}
.kecheng ul li{width:49.5%;  transition: all 0.3s ease 0.3s; float:left;  position: relative;}
.kecheng ul li:before{width:80%; padding-right:10%; padding-left:10%; display:none; content: "web前端H5专业制作web前H5专业制作web前H5专业制作web前H5专业制作web前H5专业制作web前H5专业制作web前H5专业制作web前H5专业制作"; text-align:center; font-size:2em; color:#000; height:100%; position:absolute; top:0; left:0; background:rgba(253,215,0,0.5);}
.kecheng ul li:nth-of-type(3),
.kecheng ul li:nth-of-type(7),
.kecheng ul li:nth-of-type(5){clear:both ;}
.fengcai ul li{width:49%; float:left; font-size:1.2em; margin-right:1%; margin-top:1%; color:#fff;}
.fengcai ul li a{display:blcock;width:100%; font-weight:100; font-size:1.8em; height:55px; line-height:55px; color:#272f3c;}
.fengcai ul li a:hover{color:#FA9634;}
.fengcai ul li:nth-of-type(2),
.fengcai ul li:nth-of-type(4),
.fengcai ul li:last-of-type{margin-right:0px;}
.zuopin ul li{width:20%; float:left; transition: all 0.3s ease 0.3s;}
.zuopin ul li:nth-of-type(19),
.zuopin ul li:nth-of-type(20){}
.zuopin ul li a img{display:block; width:100%; height:100%; opacity: 0.8;}
.zuopin ul li:hover img{opacity: 1;}
.xuezi ul li{width:33.0333333333%; margin-right:0.3%; margin-top:0.3%; float:left;}
.xuezi ul li:nth-of-type(7){clear: both;}
.xuezi ul li img{display:block; width:100%; height:100%; opacity: 0.8;}
.xuezi ul li:hover img{opacity:1;}
.xuezi li article{display:none;}
.jiuye ul li{width:32.9%; margin-right:0.4%; float:left;}

footer ul li{width:50%; float:left; line-height:32px; font-size:12px; text-align:left;}
.header-box>header,
.fuwu,
.kecheng,
.fengcai,
.zuopin,
.xuezi,
.jiuye,
footer{width:95%; margin:0px auto;}
